body {
	background-color: #fff;
}
.page {
	padding: 60px 20px 0;
}
.item {
	background-color: rgb(245, 245, 245);
	height: 48px;
	padding: 1px;
	border-radius: 2px;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 14px;
}
.item::before {
	content: "";
	width: 200%;
	height: 200%;
	border: 1px solid rgba(150, 150, 150, 0.17);
	box-sizing: border-box;
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	display: none;
}
.item input {
	position: relative;
	height: 100%;
	border: none;
	padding: 0 12px;
	background: transparent;
	font-size: 14px;
	-webkit-flex: 1;
	flex: 1;
}
::-webkit-input-placeholder {
	color: #bbb;
}
.icon_eye {
	width: 30px;
	height: 26px;
	background-position: 5px -369px;
	margin-right: 7px;
	position: relative;
}
.active .icon_eye {
	background-position: -20px -369px;
}
.weui-btn_primary {
	margin-top: 40px;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	border-radius: 2px;
}
.link {
	overflow: hidden;
	line-height: 20px;
	color: #bbb;
	margin-top: 20px;
}
.link > span {
	float: left;
}
.link > span a {
	color: rgb(118,160,215);
}
.link > a {
	float: right;
	color: #bbb;
}
.get-code {
	min-width: 72px;
	height: 100%;
	padding: 0 12px;
	position: relative;
	color: #bbb;
}
.get-code::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 30px;
	background: linear-gradient(rgba(221, 221, 221, 0.4), rgb(221, 221, 221), rgba(221, 221, 221, 0.4));
	left: 0;
	top: 50%;
	margin-top: -15px;
	-webkit-transform: scale3d(0.5, 1, 1);
	transform: scale3d(0.5, 1, 1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.get-code.active {
	color: #fa0;
}
.footer-tip {
	text-align: center;
	position: absolute;
	width: 100%;
	font-size: 12px;
	color: #bbb;
	left: 0;
	bottom: 12px;
}
.footer-tip a {
	color: #76A0D7;
}
@media screen and (max-height: 400px) {
	.footer-tip {
		position: static;
		margin: 30px 0 12px;
	}
}
.another_login{
	position: fixed;
	box-sizing: border-box;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 95px;
    z-index: 99;
	text-align: center;
	font-size: 12px;
	color: #AAAAAA;
}
/*.another_login{
	position: relative;
	width: 100%;
	height: 95px;
	box-sizing: border-box;
	left: -70px;
	bottom: -170px;
    z-index: 99;
	text-align: center;
	font-size: 12px;
	color: #AAAAAA;
}*/
.login_image{
	width: 34px;
	height: 28px;
	margin-top: 20px;
	/*position: relative;
	left: 60px;*/
}
.another_logintip{
	width: 72px;
	margin:0 12px;
}
.before_tip{
	display: inline-block;
	height: 1px;
	width: 125px;
	background-image: linear-gradient(90deg, #FFFFFF 0%, #E6E6E6 100%);
	position: relative;
	bottom: 4px;
}
.after_tip{
	display: inline-block;
	height: 1px;
	width: 125px;
	background-image: linear-gradient(right, #FFFFFF 0%, #E6E6E6 100%);
	position: relative;
	bottom: 4px;
	/*position: relative;
	bottom: 14px;
	left: 175px;*/
}
@media screen and (device-aspect-ratio: 40/71){  
	.login_image{
		width: 34px;
		height: 28px;
		margin-top: 10px;
	}
	.another_logintip{
		width: 72px;
		margin:0 12px;
		position: relative;
		left: -65px;
	}
	.before_tip{
		display: inline-block;
		height: 1px;
		width: 125px;
		background-image: linear-gradient(90deg, #FFFFFF 0%, #E6E6E6 100%);
		position: relative;
		bottom: 4px;
		left: -60px;
	}
	.after_tip{
		display: inline-block;
		height: 1px;
		width: 125px;
		background-image: linear-gradient(right, #FFFFFF 0%, #E6E6E6 100%);
		position: relative;
		bottom: 20px;
		left: 106px;
	}
}